<!DOCTYPE html>
<html lang="en">
<head>
    
    <meta charset="utf-8">
    <title>Home - UniGraphic</title>
    
    <meta name="description" content="UniGraphic API" />
    
    
    
    <meta property="og:title" content="UniGraphic API"/>
    <meta property="og:type" content="website"/>
    <meta property="og:image" content=""/>
    
    <meta property="og:url" content=""/>
    
    <script src="scripts/prettify/prettify.js"></script>
    <script src="scripts/prettify/lang-css.js"></script>
    <!--[if lt IE 9]>
      <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
    <link type="text/css" rel="stylesheet" href="styles/prettify.css">
    <link type="text/css" rel="stylesheet" href="styles/jsdoc.css">
    <script src="scripts/nav.js" defer></script>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>

<input type="checkbox" id="nav-trigger" class="nav-trigger" />
<label for="nav-trigger" class="navicon-button x">
  <div class="navicon"></div>
</label>

<label for="nav-trigger" class="overlay"></label>

<nav class="wrap">
    
    <input type="text" id="nav-search" placeholder="Search" />
    
    <h2><a href="index.html">首页</a></h2><h3>类</h3><ul><li><a href="UniGraphic.html">UniGraphic</a><ul class='methods'><li data-type='method' style='display: none;'><a href="UniGraphic.html#.config">config</a></li><li data-type='method' style='display: none;'><a href="UniGraphic.html#addDragSource">addDragSource</a></li><li data-type='method' style='display: none;'><a href="UniGraphic.html#cacheData">cacheData</a></li><li data-type='method' style='display: none;'><a href="UniGraphic.html#getData">getData</a></li><li data-type='method' style='display: none;'><a href="UniGraphic.html#getPosition">getPosition</a></li><li data-type='method' style='display: none;'><a href="UniGraphic.html#getSelectedCells">getSelectedCells</a></li><li data-type='method' style='display: none;'><a href="UniGraphic.html#setChildren">setChildren</a></li><li data-type='method' style='display: none;'><a href="UniGraphic.html#setData">setData</a></li><li data-type='method' style='display: none;'><a href="UniGraphic.html#setDetail">setDetail</a></li><li data-type='method' style='display: none;'><a href="UniGraphic.html#setOption">setOption</a></li><li data-type='method' style='display: none;'><a href="UniGraphic.html#updateData">updateData</a></li></ul></li></ul>
</nav>

<div id="main">
    

    



    


    <section class="package">
        <h3> </h3>		
    </section>









    



    <section class="readme usertext">
        <article><h1>UniGraphic</h1>
<p>图形组件</p>
<h2>引入UniGraphic</h2>
<p>引入CSS</p>
<pre class="prettyprint source lang-html"><code>&lt;link rel=&quot;stylesheet&quot; href=&quot;UniGraphic.min.css&quot;>
</code></pre>
<p>引入JS，UniGraphic.all.min.js相对与UniGraphic.min.js额外包含了polyfill和zrender，否则需要自行引入</p>
<pre class="prettyprint source lang-html"><code>&lt;script src=&quot;UniGraphic.all.min.js&quot;>&lt;/script>
</code></pre>
<h2>初始化</h2>
<pre class="prettyprint source lang-javascript"><code>const chart = new UniGraphic({
    graph: document.querySelector('#container'),
});
</code></pre>
<h2>设置配置信息以及数据</h2>
<pre class="prettyprint source lang-javascript"><code>chart.setOption(options);
</code></pre>
<p>详细配置可查看setOption的<a href="./UniGraphic.html#setOption">参数说明</a></p>
<p>如需根据具体场景快速开始使用，可查看<a href="https://docs.qq.com/sheet/DTUh1Y1lwallZR3FI?tab=bb08j2">图形组件全场景解决方案</a></p></article>
    </section>






    
    
</div>

<br class="clear">

<footer>
    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.6</a> on Fri Jul 02 2021 13:46:54 GMT+0800 (中国标准时间) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
</footer>

<script>prettyPrint();</script>
<script src="scripts/polyfill.js"></script>
<script src="scripts/linenumber.js"></script>

<script src="scripts/search.js" defer></script>


<script src="scripts/collapse.js" defer></script>


</body>
</html>